<style>
#dialog-Login  label{padding: .4em;  font-size:12px; font-family:tahoma; font-weight:bold; color:#666;}
#dialog-Login  input.text{margin-bottom:5px; width:80%; padding: .4em;font-size:12px;line-height:20px; }
#dialog-Login table{padding:0; border:0; margin-top:20px;line-height:25px;}
fieldset { padding:0; border:0; margin-top:20px; }
</style>
<div id="dialog-Login" class="dialog" >
<p class="validateTipsCust"></p>
	<fieldset>
		<div id="frmLogin" >
		<label for="name" style="display:block">User Name<label>
		<input type="text" name="username"  id="username" style="display:block" class="text ui-widget-content ui-corner-all" />
		<label for="name" style="display:block">Password</label>
		<input type="password" name="password" style="display:block"  id="password" class="text ui-widget-content ui-corner-all" />
		<span id="wating" width="100%"  style="display:none;text-align:center" ><img src="images/loading.gif" border=0/></span>
		</div>
		<div id="frmSelectDiscount">
		<fieldset  class="ui-widget ui-widget-content">
		<legend><label id="lblGroup">Please select discount</label></legend>
		<label for="name" style="display:block;font-weight:normal;margin-top:15px;margin-bottom:5px;">
			<input type="radio" name="discounttype"  id="type_1" value="1" checked />User
			<input  style="margin-left:25px" type="radio" name="discounttype"  id="type_2"value="2"/>Gift Voucher & Credit Card
			<input  style="margin-left:25px" type="radio" name="discounttype"  id="type_3"value="3"/>Discount
			
		</label>
		<span id="spDiscount" style="display:block;font-weight:bold;padding-left:10px;"> Discount : <span id="iDiscount1" style="color:red;font-weight:bold">0</span> &nbsp;%</span>
		<span id="spCard" style="display:block;padding:5px;font-weight:normal;line-height:25px;">
			<ul>
				<li style="padding:0 0 5px 10px;">Type : &nbsp;&nbsp;&nbsp;
				<select id="cboDisType" class="ui-widget ui-widget-content ui-corner-left" style="width:25em;line-height:25px;padding:5px;border:1px solid #cccccc;">
						<option value="0">Credit Card</option><option value="1">Coupon</option>
					</select>
				</li>
				<li style="padding:0 0 5px 10px;">Name :&nbsp;&nbsp;&nbsp;<select id="cboCardType" style="width:25em;line-height:25px;padding:5px;border:1px solid #cccccc;" class="ui-widget ui-widget-content ui-corner-left">
				</select></li>
				<li style="padding:0 0 0 10px;">Discount : <span id="iDiscount2" style="color:red;font-weight:bold">0</span>&nbsp;<span id="iDiscount2_type"></span></li>
			</ul>
		</span>
		<span id="spGiftVoucher"  style="display:block;padding-left:10px;">
			Discount :&nbsp;&nbsp;<input type="text" name="giftAmt"  id="giftAmt" maxlength="5" style="width:10em;" class="text ui-widget-content ui-corner-all" />
		</span>
		</fieldset>
		</div>
	</fieldset>
 
</div>